<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float:left;
				/*文字图片加间距*/
				margin: 30px;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/狼堡.jpg" width="300px" height="300px" alt="狼堡" />
		<p>Lorem ipsum dolor sit amet consectetur,
		 adipisicing elit. Odio facere iure adipisci
		  veritatis, mollitia blanditiis. Labore tenetur
		   facere dolore aut eos illo eligendi culpa, ex 
		   atque mollitia distinctio, quidem nobis.</p>
		  <p>Lorem ipsum dolor sit amet consectetur,
		   adipisicing elit. Odio facere iure adipisci
		    veritatis, mollitia blanditiis. Labore tenetur
		     facere dolore aut eos illo eligendi culpa, ex 
		     atque mollitia distinctio, quidem nobis.</p>
			  <p>Lorem ipsum dolor sit amet consectetur,
			   adipisicing elit. Odio facere iure adipisci
			    veritatis, mollitia blanditiis. Labore tenetur
			     facere dolore aut eos illo eligendi culpa, ex 
			     atque mollitia distinctio, quidem nobis.</p>
	</body>
</html>